<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="description" content="口碑课程网考研培训班是国内性价比高，服务态度好的考研培训辅导机构，目前开设有普通、热门双非、211、985、顶尖院校等考研培训辅导班；咨询热线：023-8170-3034！" />
		<meta name="keywords" content="考研培训、考研培训班、考研课程、考研试听课" />
		<meta name="author" content="口碑课程考研网" />
		<meta name="generator" content="口碑课程考研网" />
		<meta name="Copyright" content="口碑课程考研网版权所有" />
		<title>考研培训班_考研辅导培训班_【免费试听独家考研课程】_口碑课程网</title>
		<link rel="stylesheet" type="text/css" href="../../static/css/mui.css" />
		<link rel="stylesheet" type="text/css" href="../../static/css/mui.picker.min.css" />
		<link rel="stylesheet" type="text/css" href="../../static/css/teacher.css"/>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a href="teac-graduate.html" class="teac-icon-back a-tap"></a>
			<h1 class="mui-title">我的评价</h1>
		</header>
		<div class="mui-content teac-eval">
			<div class="mui-content-padded chart-box">
				<div class="chart" id="pieChart"></div>
			</div>
			<!-- 分类 -->
			<ul class="teac-eval-classify mui-clearfix">
				<li> <i></i><span>好评</span> </li>
				<li> <i></i><span>中评</span> </li>
				<li> <i></i><span>差评</span> </li>
			</ul>
			<!-- 原因 -->
			<div class="teac-eval-reason">
				<p>差评原因</p>
				<ul class="mui-table-view">
				        <li class="mui-table-view-cell">
				            <a class="">
				                <span>李小四：差评原因差评原因</span>
				            </a>
				        </li>
				        <li class="mui-table-view-cell">
				            <a class="">
				            	<span>李小四：差评原因差评原因</span>
				            </a>
				        </li>
				        <li class="mui-table-view-cell">
				            <a class="">
				               <span>李小四：差评原因差评原因</span>
				            </a>
				        </li>
				        <li class="mui-table-view-cell">
				            <a class="">
				               <span>李小四：差评原因差评原因</span>
				            </a>
				        </li>
				        <li class="mui-table-view-cell">
				            <a class="">
				               <span>李小四：差评原因差评原因</span>
				            </a>
				        </li>
				        <li class="mui-table-view-cell">
				            <a class="">
				               <span>李小四：差评原因差评原因</span>
				            </a>
				        </li>
				         <li class="mui-table-view-cell">
				            <a class="">
				               <span>李小四：差评原因差评原因</span>
				            </a>
				        </li>
				         <li class="mui-table-view-cell">
				            <a class="">
				               <span>李小四：差评原因差评原因</span>
				            </a>
				        </li>
				         <li class="mui-table-view-cell">
				            <a class="">
				               <span>李小四：差评原因差评原因</span>
				            </a>
				        </li>
				         <li class="mui-table-view-cell">
				            <a class="">
				               <span>李小四：差评原因差评原因</span>
				            </a>
				        </li>
				    </ul>
			</div>
		</div>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script src="../../static/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../static/js/mui.picker.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../static/js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../static/js/common.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		
		 echarts.init(document.getElementById('pieChart')).setOption({
            tooltip: {
				trigger: 'item',
				formatter: "{a} <br/>{b}: {c} ({d}%)"
			},
			legend: {
				orient: 'vertical',
				show: false,
				x: 'left',
				data: ['好评', '中评', '差评']
			},
			series: [

				{
					name: '访问来源',
					type: 'pie',
					radius: ['30%', '55%'],
					
					label: {
						normal: {
							position:'inner',
							color: '#333',
							fontSize: 16,
						}
					},
					data: [{
						value: 73,
						name: '73%',
						itemStyle:{
		                	normal:{color:'#fff100'}
		             	}
					}, {
						value: 15,
						name: '15%',
						itemStyle:{
		                	normal:{color:'#ddd'}
		             	}
					}, {
						value: 12,
						name: '12%',
						itemStyle:{
		                	normal:{color:'#ffa188'}
		             	}
					}]
				}
			]
        });
	</script>

</html>